import React from 'react'
import './Mywz.css'
import { useNavigate } from 'react-router-dom'
import { LeftOutline } from 'antd-mobile-icons'
const Mywz = () => {
    const navigate = useNavigate()
    const tzz=()=>{
        navigate('/Home')
    }
    return (
        <div>
            <div className='my-ioc' >
                <span className='iocc' onClick={() => (navigate(-1))}><LeftOutline /></span>
            </div>
            <h3 className='my-ss'>选择你的位置</h3>
            <h5 className='my-sss'>我们会根据选择的位置，推荐当地热门活动</h5>
            <div className='botton'>
                <h5 className='botton-hh'>热门位置</h5>
                <div className='boxxxxxx' onClick={tzz}>
                    <span>杭州市</span><br />
                    <span>浙江省,杭州市</span>
                </div>
                <div className='boxxxxx'>
                     <span>上海市</span><br />
                    <span>上海市</span>
                </div>
                <div className='boxxxxx'>
                     <span>北京市</span><br />
                    <span>北京市</span>
                </div>
            </div>
        </div>
    )
}

export default Mywz
